body{background-color:rgb(3, 245, 242)!important;}

.container-fluid {
    background-color: black;
	}

.back{
position:fixed;
z-index:-1;
}

#club{
margin:0;
padding:0;
border:0;
}

#myPage{
width:100%;
border:5px solid white;
border-radius:50%;
}

ul li{
margin:0;
}

#myScrollspy{
background-color:black;
border:0;margin:0;padding:0;position:fixed;top:50px;height:100%;
}
#my-pic{
background-color:black;
}

#myScrollspy ul li{
background-color:rgba(0,0,0,0.3);
width:100%;

}

#myScrollspy ul li a{padding-left:50px;}

.scroll-box{
width:100%;
height:200px;
overflow:scroll;
}

#myNav li a{
color:black;
font-family:'Microsoft YaHei','Hiragino Sans GB',Helvetica,Arial,'Lucida Grande',sans-serif;
font-weight:bold;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
background-color:rgb(3, 245, 242) !important;
border:0 !important;
}

.navbar-default .navbar-nav > li > a{color:white !important;}

.nav>li>a:hover, .nav>li>a:focus{
background-color:rgb(3, 245, 242) !important;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
background-color:rgb(3, 245, 242)!important;
}
#myNav li {
background-color:rgba(0,0,0,0.5) !important;
}

#myNav a{color:white!important;}
#tab1Content {
margin-left:5%;
}


.link-a:link{
color:white;
font-weight:bold;
font-family:'Microsoft YaHei','Hiragino Sans GB',Helvetica,Arial,'Lucida Grande',sans-serif;
}
.link-a:hover{
color:white !important;

}

.active{background-color:rgba(255,255,255,0.5) !important;}

.block{background-color: rgb(3, 245, 242)!important;border:0!important;}
 
.box-title{
font-family:'Microsoft YaHei';
color:white;
background-image:url(../images/black.png);
width:250px;
height:50px;
padding-top:15px;
margin-bottom:0;
}

hr{margin-top:0 !important;padding-top:0!important;background-color:black!important;border:black!important;height:1px!important;}

#buyi,#zhezhi,#bianzhi,#other{width:920px;height:430px;overflow:hidden;position:relative;margin:auto;}
#buyi .box,#zhezhi .box,#bianzhi .box,#other .box{width:820px;height:430px;box-shadow:0px 0px 5px #ddd;margin:0px auto;overflow:hidden;position:relative;}
#buyi .box img,#zhezhi .box  img,#bianzhi .box  img,#other .box  img{width:820px;height:430px;border:5px solid white;position:absolute;left:0px;top:0px;opacity:0;filter:alpha(opacity=0);}
#buyi .btnLeft,#zhezhi .btnLeft,#bianzhi .btnLeft,#other .btnLeft{width:35px;height:57px;position:absolute;left:0px;top:185px;background:url(../images/left_ar.png) no-repeat 0px 0px;}
#buyi .btnRight,#zhezhi .btnRight,#bianzhi .btnRight,#other .btnRight{width:35px;height:57px;position:absolute;right:0px;top:185px;background:url(../images/right_ar.png) no-repeat 0px 0px;}
#buyi .page,#zhezhi .page,#bianzhi .page,#other .page{height:22px;position:absolute;bottom:15px;right:50px;}
#buyi .page a,#zhezhi .page a,#bianzhi .page a,#other .page a{display:inline-block;width:22px;height:22px;margin:0px 11px;float:left;background-color:rgba(0,0,255,0.4);color:#FFF;text-decoration:none;text-align:center;}
#buyi .page a:hover,#zhezhi .page a:hover,#bianzhi .page a:hover,#other .page a:hover{background-color:rgb(3, 245, 242);}
#buyi .page a.active1,#zhezhi .page a.active2,#bianzhi .page a.active3,#other .page a.active4{background-color:rgb(3, 245, 242);}

#up{position:fixed;bottom:30px;right:30px;z-index:100;display:none;color:rgba(0,0,255,0.5);}

#mywork-area,#message{
background-color:rgba(255,255,255,0.5);
border:white 1px solid;
}

#msgdata{
height:650px;
background-color:rgba(255,255,255,0.5);
border:white 1px solid;
}

 .copyright{
	   height:30px;
		color: #ffffff;
		margin-left:30%;
		width:100%;
		padding-left:20px;
		}
		
#confirmpub{
border-radius:0;
margin-top:20px!important;
background-color:rgba(255,255,255,0.5);
border:white 1px solid;
}
		
#footer{
height:30px;
position:relative;
bottom:0;
left:-30px;
}